body{padding-top: 40px}
.mainpage{min-height:420px}
.show-loading-wrapper{position:absolute;top:300px;width:100%;text-align:center;display:none}
.show-loading img{height:90px}


.nav-tabs a{font-weight:bold}
.top-tools .form-action-group{margin:0}

.form-legend{text-align:center;margin-bottom:20px }
.form-action-group{text-align:center;margin-top:20px}
input.form-element-separator{margin-bottom:35px}

.personal-tab {margin-bottom:-1px}

.table caption{text-transform:uppercase;margin-bottom:5px;font-weight:bold}
.table th{text-align:center;color:#888}
.table th a{color:#555}
.table {overflow-x: auto}
.table-caption{font-size:1.2em; font-weight:bold;margin-bottom:10px;text-transform:uppercase;text-align:center}
td.center{text-align:center}
td.bold{font-weight:bold}

.dashboard-item {
    border: 1px solid #ddd;
    border-radius: 15px;
    width: 120px;
    height: 120px;
    float: left;
    margin: 0px 20px 20px 0px; 
    box-shadow: 2px 2px 0px 0px #EEE;
}

.dashboard-item span {
	display: block;
    width: 100%;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    color: #2695DC;
}
.dashboard-icon {
	display: block;
    overflow: hidden;
    width: 50px;
    height: 45px;
    margin: 20px 0px 15px 36px;
    padding-right: 40px;
}
.dashboard-item a {
	display: block;
    width: 100%;
    height: 100%;
	text-decoration: none
}
.dashboard-item a:hover {
    border: 1px solid #ddd;
    border-radius: 15px;
    box-shadow: 3px 3px 3px 3px #EEE;
	text-decoration: none
}

.statistic , #datepicker {
	width: 90%;
    margin-bottom: 20px;
}
.statistic {
	font-size: 13px;
    color: #2695DC;
}
.statistic b{
	font-size: 14px;
    color: #DC6826;
}



.shout-box {
    position: fixed;
    width:60%;
    margin:0 20%;
    left:0; top:45px;
    z-index:1102;
}
.shout-box .alert { margin:2px 0 0 2px; }
.export-bar{float:left;margin-right:5px}
.table-profile td:nth-child(odd){
    font-weight:bold
}
.table-profile td.action-group{
    font-weight:normal;
    text-align:center;
}
.simple-detail{margin-left:25px;padding:5px}

.clear {clear: both; display:block;}
.pull-right a.username{display:block;float:left;padding-right:10px;font-weight:bold;color:#fff;}
.profilecp,.logout{
    display:block;float:left;
    text-indent:-9000px !important;
    background:url(../images/userbar.png) no-repeat -4px -2px;
    width:16px;height:16px;
    margin:12px 10px 0;
}
.date-group {float:left}
.logout{margin: 12px 0 0 5px;background:url(../images/userbar.png) no-repeat -35px -2px;}
.profilecp:hover{background-position:-4px -23px}
.logout:hover{background-position:-35px -23px}
.breadcrumb{float:left;font-size:11px;height:18px}



/* SEARCH */
.search-div{position:absolute;top:58px;right:20px}
.search-box{padding:8px 10px;float:left;border-radius:0 5px 5px 0}
.search-btn{padding:15px;float:left;border-radius:0 5px 5px 0;margin-left:-5px;}
	.search-submit{padding:7px 10px}
    .search-dropdown{padding:7px;}

.navbar-space{height:60px;}
.mainpage{background:#fff;border:1px solid #bdbdbd;padding:20px;}
.top-tools{padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid #bdbdbd;}

/* TABLE */
table th{text-align:center;border-top:0 !important;background:#eee !important;font-size:11px;}
table tr td{font-size:11px;}
table tr td.td-center{text-align:center;}
table tr td.td-bold{font-weight:bold;}

table tr.tr-active td{background:#fcfddc !important}
.paginator{display:block;margin:5px 0}
.paginator-row-status{float:left}
.paginator-row-status select{width:50px;}
.paginator-row-status span{font-size:11px;}
.pagination{margin:0;height:30px;}
.pagination ul li a{font-size:10px;padding:5px 7px;line-height:14px;}
.pagination ul li:not(.active):not(.disabled) a:hover{background:#ddd}
.paginator-list{float:right}

/* TOOLS */
.tools{display:block;margin:0 auto;width:16px;height:16px;text-indent:-9000px}
.edit-tools{background:url(../images/edit.png)}
.delete-tools{background:url(../images/delete.png)}
.detail-tools{background:url(../images/detail.png)}
.image-tools{background:url(../images/image.png)}
.status1-tools{background:url(../images/yes.png)}
.status0-tools{background:url(../images/no.png)}

.status.label{text-decoration:none;text-transform:none;color:#fff;}
.type6-status{background-color:#46A546}
.type7-status{background-color:#62CFFC}
.type3-status{background-color:#C43C35}
.type4-status{background-color:#F89406}

/* FORM */
form .input{margin:0;}
.form-round{border:1px solid #ddd;border-bottom:0;}
.form-item{border-bottom:1px solid #ddd;margin:0;clear:both;width:100%;}
.form-item::after{display:block;height:0;font-size:0;content:".";clear:both;}
.form-item label{display:block;float:left;width:10%;font:bold 12px/18px arial;padding:18px 10px 0 5px;}
.form-element{display:block;float:left;border-left:1px solid #ddd;padding:13px 10px 10px;min-height:25px;width:85%}

/* 50% */
.form-item.two-in-row{display:block;width:50%;float:left;clear:none;}
.form-item.two-in-row::after{display:none;clear:none;}


ul.errors{margin:0;}
ul.errors li{color:#ff0000;margin-left:20px;font-size:11px;line-height:18px;}

.form-element input.error-input{border-color:#EE5F5B}
.form-element input.error-input:focus{
    border-color: #E9322D;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
    -moz-box-shadow: 0 0 6px #f8b9b7;
    box-shadow: 0 0 6px #f8b9b7;
}

.tr-even{background:#f4f4f4}
.button-row{text-align:center;padding:10px;}
.button-row input{margin-left:10px;}
sup.required{color:red;font-weight:bold;}


/* HINT */
.tooltip-inner{background:#000}
.tooltip-arrow{
    top:0;left:50%;
    margin-left:-5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid black;
}

/* FOOTER */
#footer{
    background:#222;
    width:100%;height:17px;
    border-top:3px double #fff;
    color:#fff;font-weight:bold;font-size:10px;
    padding:3px 0;margin-top:20px;
}
.footer-left{display:block;float:left;}

textarea {
	width: 80%;
	min-height: 40px;
	height: auto;   
}

.input-xxlarger {width: 450px;}

.form-horizontal .control-group {
	margin-bottom: 10px;
	background-color: rgba(238, 238, 238, 0.16);
	padding: 10px 10px 10px 10px;
	border: 1px solid #DDD;
	margin-bottom: 5px;
}
.form-horizontal .control-group .controls div{
	background-color: #fff;
}
.label-Yes {
	background-color:#356635;
}
.label-No {
	background-color:#F89406;
}
.icon-hand-left {
    background-position: -241px -96px;
	display: inline-block;
	width: 14px;
	height: 14px;
	line-height: 14px;
}
.btn {
	font-weight: 600;
}